var form = document.querySelectorAll('div#form>p>input[type=text],div#form>p>select');
var addBtn = document.querySelector('#addBtn');
var sortBtn = document.querySelector('#sortBtn');
var tBody = document.querySelector('#table>tbody');
var sortBtn1 =document.querySelector('#sortBtn1')
document.getElementById('table').style.textAlign = 'center'
var trs_cur = []
addBtn.onclick = function () {
  let tr = document.createElement('tr');
  form.forEach((item, index) => {
    let td = document.createElement('td');
    td.innerText = item.value;
    tr.appendChild(td);
  });
  let td1 = document.createElement('td');
  td1.onclick = function () {
    trs_cur.forEach((item,index)=>{
       if(item===this.parentNode){
           trs_cur.splice(index,1)
       }
    })
    this.parentNode.remove();
  };
  td1.innerText = '删除';
  tr.appendChild(td1);
  tBody.appendChild(tr);
  trs_cur.push(tr)
};
sortBtn.onclick=function(){
  tBody.innerHTML = null
   trs_cur.sort((a,b)=>{
     return -parseInt( b.children[1].innerText) +parseInt(a.children[1].innerText)
   }).forEach((item1,index1)=>{
       tBody.appendChild(item1)
   })
}
sortBtn1.onclick =function(){
tBody.innerHTML = null
   trs_cur.sort((a,b)=>{
     return parseInt( b.children[1].innerText) -parseInt(a.children[1].innerText)
   }).forEach((item1,index1)=>{
       tBody.appendChild(item1)
   })
}
